<template>
  <div class="personCard bgwrite">
    <div class="title wordsGray">评价对象</div>
    <div class="infos flex">
      <div class="headimg">
        <img @click="show_preview" v-if="userPictorUrl" :src="userPictorUrl" width="100%" alt="">
        <img v-else src="@/assets/img/performance/orderCenter/head.png" width="100%" alt="">
      </div>
      <div class="name fz4 wordstxt">{{userName}}</div>
    </div>
  </div>
</template>
<script>
export default {
  props:["userPictorUrl","userName"],
  methods:{
    show_preview(){
      this.$emit('show_preview')
    }
  }
}
</script>

<style lang="scss" scoped>
.personCard{
  border-radius:10px;
  margin-bottom: 0.24rem;
  .title{
    height: 0.64rem;
    line-height: 0.64rem;
    padding-left: 0.24rem;
    border-bottom: 1px solid #E5E5E5
  }
  .infos{
    padding: 0.24rem;
    align-items: center;
    .headimg{     
      width: 0.9rem;
      margin-right: 0.24rem;
    }
  }
}
</style>
